<div class='formulaire_spip'>
    [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV**{message_ok})</p>]
	[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
    
    <form method='post' action='#ENV{action}' id="ecatalogue_proprietes_form" class="list_form">
        <div>
			#ACTION_FORMULAIRE{#ENV{action}}

            <div style="margin: 5px; text-align: center;">
                <B_groupes>
                    <h2><:ecatalogue:groupe:></h2>
                    [(#ENV{id_groupe}|?{#SET{id_groupe, #ENV{id_groupe}}})]
                    <select style="width: 60%;" id="id_groupe" name="id_groupe">
                        <BOUCLE_groupes(ECATALOGUE_GROUPES){par num titre}>
                        [(#GET{id_groupe}|?{'', #SET{id_groupe, #ID_GROUPE}})]
                        <option value="#ID_GROUPE" [(#ENV{id_groupe}|=={#ID_GROUPE}|?{'selected'})]>
                        [(#TITRE|supprimer_numero)]
                        </option>
                        </BOUCLE_groupes>
                    </select>
            </div>
            
            <h2 style="text-align:center;"><:ecatalogue:proprietes_list:></h2>
            
            <table style="text-align:center; width: 100%;">       
                <tbody id="proprietes">        
                    <BOUCLE_proprietes(ECATALOGUE_PROPRIETES){id_groupe = #GET{id_groupe}}{par num titre}>
                    <tr class="propriete-#ID_PROPRIETE">
                        <td class="id_propriete">
                            #ID_PROPRIETE
                        </td>            
        	            <td>
                            <input type="text" class="titre_propriete" name="elements_update[#ID_PROPRIETE][titre]" value="#TITRE**" style="width: 250px;" />
                        </td>
                        <td>
                            <a href="#" data-element-id="#ID_PROPRIETE" class="details"><:ecatalogue:details:></a>
                        </td>
                        <td>
                            <select class="type_propriete" name="elements_update[#ID_PROPRIETE][type]" style="width: 100px;" >
                                <option value="checkbox" [(#TYPE|=={checkbox}|?{selected})] ><:ecatalogue:propriete_type_checkbox:></option>
                                <option value="select" [(#TYPE|=={select}|?{selected})] ><:ecatalogue:propriete_type_select:></option>
                                <option value="radio" [(#TYPE|=={radio}|?{selected})] ><:ecatalogue:propriete_type_radio:></option>
                            </select>
                        </td>
                        <td> 
                            <a href="#" data-element-id="#ID_PROPRIETE" class="delete_link"><:ecatalogue:delete:></a>  
                        </td> 
        		    </tr>
                    <tr class="soustitre-#ID_PROPRIETE"  style="display: none;">
                        <td>&nbsp;</td>
                        <td colspan="4"><:ecatalogue:propriete_soustitre:><input type="text" name="elements_update[#ID_PROPRIETE][soustitre]" value="#SOUSTITRE**" style="width: 98%;" /></td>
                    </tr>
                    <tr class="texte-#ID_PROPRIETE"  style="display: none;">
                        <td>&nbsp;</td>
                        <td colspan="4"><:ecatalogue:propriete_texte:><input type="text" name="elements_update[#ID_PROPRIETE][texte]" value="#TEXTE**" style="width: 98%;" /></td>
                    </tr>
                    </BOUCLE_proprietes>
                </tbody>
            </table>
            
			<div style="font-weight: bold; width: 100%; text-align: center;">
                <:ecatalogue:form_save_to_change:>
            </div>
            
			<p class='boutons'>
                <input type='button'  onclick="javascript:window.location.reload();" name='cancel_button' value='<:ecatalogue:cancel:>' />
                <input type='button' class="add_field_button" name='add_field_button' value='<:ecatalogue:add_propriete:>' />
				<input type='submit' name='save_submit' value='<:bouton_enregistrer:>' />
			</p>			
		</div>
    </form>
</div>

<script>
    <INCLURE{fond=formulaires/ecatalogue_proprietes/ecatalogue_proprietes_js} />
</script>